<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/resrt.css">
    <link rel="stylesheet" href="css/echarts.css">
    <link rel="stylesheet" href="font_3775291_60224mmplrn/iconfont.css">
</head>

<body>
    <header>
        <div class="color">
            <div class="red"></div>
            <div class="yellow"></div>
            <div class="green"></div>
        </div>
        <div class="jiantou">
            <div class="left">&lt;</div>
            <div class="right">&gt;</div>
        </div>
        <div class="book iconfont icon-wpforms"></div>
        <div class="center">
            <div class="zuo iconfont icon-table-solid"></div>
            <div class="you"></div>
        </div>
        <div class="fanhui">
            <div class="iconfont icon-table-solid"></div>
            <div class="iconfont icon-table-solid"></div>
        </div>
    </header>
    <main>
        <div class="nav">
            <div class="admin">
                <div class="iconfont icon-wpforms"></div>
                <p>AdminLTE3</p>
            </div>
            <div class="bottom">
                <div class="user">
                    <div class="iconfont icon-ums-admin"></div>
                    <p>Alexander Pierce</p>
                </div>
                <div class="menu">
                    <div class="iconfont icon-yuanquan"></div>
                    <p><span>Dashboard</span> <span>&lt;</span> </p>
                </div>
                <div class="menu">
                    <div class="iconfont icon-weixuanzhongyuanquan"></div>
                    <p><span>Dashboard</span> <span>&lt;</span> </p>
                </div>
                <div class="menu">
                    <div class="iconfont icon-weixuanzhongyuanquan"></div>
                    <p><span>Dashboard</span> <span>&lt;</span> </p>
                </div>
                <div class="menu">
                    <div class="iconfont icon-weixuanzhongyuanquan"></div>
                    <p><span>Dashboard</span> <span>&lt;</span> </p>
                </div>
                <div class="widggts">
                    <div class="iconfont icon-dasuolvetuliebiao"></div>
                    <p>Widggts</p>
                    <div class="flowr">New</div>
                </div>
                <div class="menu">
                    <div class="iconfont icon-pie"></div>
                    <p><span>Charts</span> <span>&lt;</span> </p>
                </div>
                <div class="menu">
                    <div class="iconfont icon-tree"></div>
                    <p><span>UI Elements</span> <span>&lt;</span> </p>
                </div>
                <div class="menu">
                    <div class="iconfont icon-liebiao"></div>
                    <p><span>Forms</span> <span>&lt;</span> </p>
                </div>
                <div class="menu">
                    <div class="iconfont icon-table-solid"></div>
                    <p><span>Tables</span> <span>&lt;</span> </p>
                </div>
                <div class="examples">
                    <p>Examples</p>
                </div>
                <div class="menu">
                    <div class="iconfont icon-table-solid"></div>
                    <p>Calendar</p>
                    <div class="flowr">2</div>
                </div>
                <div class="menu">
                    <div class="iconfont icon-icon_xinjian"></div>
                    <p><span>Mailbox</span> <span>&lt;</span> </p>
                </div>
                <div class="menu">
                    <div class="iconfont icon-widgets-f"></div>
                    <p><span>Pages</span> <span>&lt;</span> </p>
                </div>
                <div class="menu">
                    <div class="iconfont icon-wpforms"></div>
                    <p><span>Extras</span> <span>&lt;</span> </p>
                </div>
            </div>
        </div>
        <div class="main">
            <div class="top">
                <div class="iconfont icon-liebiao"></div>
                <h2>Home</h2>
                <h3>Contact</h3>
                <input type="text" placeholder="Search">
            </div>
            <div class="home">Dashboard v3</div>
            <div class="conment">
                <div class=" data">
                    <div class="top">
                        <div class="left">Online Store Visitors</div>
                        <div class="right">View Report</div>
                    </div>
                    <div class="center">
                        <div class="left">820</div>
                        <div class="right">↑12.5%</div>
                    </div>
                    <div class="bottom">
                        <div class="left">visitors Over Time</div>
                        <div class="right">Since last week</div>
                    </div>
                    <div class="visitors"></div>
                </div>
                <div class=" data">
                    <div class="top">
                        <div class="left">Sales</div>
                        <div class="right">View Report</div>
                    </div>
                    <div class="center">
                        <div class="left">$18,230.00</div>
                        <div class="right">↑33.1%</div>
                    </div>
                    <div class="bottom">
                        <div class="left">Sales Over Time</div>
                        <div class="right">Since last week</div>
                    </div>
                    <div class="sales"></div>
                </div>
                <div class=" data">
                    <div class="products"></div>
                    <table cellspacing="0" cellpadding="0">
                        <thead>
                            <tr>
                                <th>Product</th>
                                <th>Price</th>
                                <th>Sales</th>
                                <th>More</th>
                            </tr>
                        </thead>
                        <tbody>
                            
                        </tbody>
                    </table>
                </div>
                <div class=" data">
                    <div class="overview"></div>
                </div>
            </div>
        </div>
    </main>
</body>

</html>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.4.0/echarts.js"></script>
<script src="./mock.js"></script>
<script src="./echarts_data.js"></script>
<script src="./echarts.js"></script>
